<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PDF2PDF</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

html,body,.startpage {
	height: 100%;
}

.startpage {
	display: table;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.startpage>div {
	display: table-row;
}

#topb,#footer {
	background: #242c37;
	height: 42px;
}

#mid_block {
	
}

#mid_block .mid {
	display: table-cell;
	vertical-align: middle;
}

#text {
	width: 80%;
	margin: 0 auto;
}

.ifr {
	width: 800px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -360px;
	margin-top: -90px;
}

.ifr img {
	margin: 65px 40px;
}

.circle {
	width: 200px;
	height: 200px;
	position: absolute;
	border-radius: 50%;
	background: #1295D1;;
}

.pie_left,.pie_right {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}

.circle_left,.circle_right {
	display: block;
	width: 200px;
	height: 200px;
	background: #333f51;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	/* transform: rotate(30deg); */
}

.pie_right,.circle_right {
	clip: rect(0, auto, auto, 100px);
}

.pie_left,.circle_left {
	clip: rect(0, 100px, auto, 0);
}

.mask {
	width: 190px;
	height: 190px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
	background: #272f3c;
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
}
</style>
<!--[if IE]>  
<style type="text/css">  
#topb,  
#footer {  
width:100%;  
z-index:3;  
position:absolute;  
}  
#footer {  
bottom:0;  
}  
#mid_block {  
height:100%;  
z-index:1;  
position:relative;  
}  
#mid_block .mid {  
position:absolute;  
top:50%;  
width:100%;  
text-align:left;  
}   
</style>  
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/style.css"  />
<link rel="stylesheet" type="text/css" href="css/media.css" />
<link rel="stylesheet" type="text/css" href="css/grey.css" />
<link rel="stylesheet" type="text/css" href="css/style6.css" />
<link rel="stylesheet" type="text/css" href="css/blue.css" />
<link rel="stylesheet" type="text/css" href="css/list.css" />
<link rel="stylesheet" type="text/css" href="css/header.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.ad-gallery.css" />
<link rel="stylesheet" type="text/css" href="css/manhuaDate.1.0.css" />

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<!-- <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> -->
<script type="text/javascript" src="js/jquery.charfirst.pinyin.js" ></script>
<script type="text/javascript" src="js/jquery.listnav.min-2.1.js" ></script>
<script type="text/javascript" src="js/jquery-1.10.2.min_v3.js"></script>
<script type="text/javascript" src="js/jquery.form-3.51.0.js"></script>
<!-- <script type="text/javascript" src="js/datejs.js"></script> -->
<script type="text/javascript" src="js/mask.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/shaixuan.js"></script>
</head>
<body>
	<div class="startpage">
		<!--BEGIN HEADER-->
		<div id="topb">
			<h1>
				PDF<span>2</span>PDF
			</h1>
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
		</div>
		<!--END HEADER-->

		<!--BEGIN MAIN-->
		<div id="mid_block">
			<div class="mid">
				<div id="text">
					<div class="title">It is never simple, but now. Translate
						full PDF file into 59 languages easily.</div>
					<div class="inner-content-upload" id="scan-file-cont"
						style="display: block;">
						<div id="uploadWithOutHtml5" class="uploadajax"  style="display: none; visibility: visible;">
							<div id="classic-upload">
								<p>
									Select a file up to 80 MB to scan with <a
										href=""><strong>40
											engines</strong></a>
								</p>
								<fieldset>
									<form method="post" name="uploadForm" id="uploadForm"  enctype="multipart/form-data"  action="" dir="ltr">
										<input type="hidden" name="MAX_FILE_SIZE" value="83886080" />
										<input type="file" name="file[]" id="actualFile" />
										<div class="fakeFile">
											<div id="fakeFileName"></div>
											<div id="fakeBrowse"></div>
										</div>
									</form>
								</fieldset>
							</div>
						</div>
						<div id="uploadWithHtml5" class="uploadajax" style="visibility: visible;">
							<div id="dnd" style="cursor:pointer">
								<ul id="fileList"></ul>
								<div id="dragclick" style="left: 42%;"></div>
								<p class="number-of-engines">Drag a PDF here</p>
								<p class="or">Or select a PDF from your computer</p>
								<p class="select-file-button">
									<a href="javascript:selectFile();">Select a file</a>
								</p>
								<form method="post" id="formwithAjax"  enctype="multipart/form-data" action="UploadPDF.do">
									<div id="slct-w">
										<input type="file" name="upload" id="slct-a" accept="application/pdf" />
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--END MAIN-->
		<div class="ifr" id="AC">
			<a href="javascript:selectFile();" class="a-btn left" style="text-decoration: none;"> <span></span> <span
				id="filename">文档名称.pdf</span> <span>Select another file</span>
			</a>
			<form action=""  enctype="multipart/form-data" id="formwithAjax" method="post">
				<div id="slct-w">
					<input type="file" id="slct-a" name="file[]">
				</div>
			</form>
			<img width="42" height="38" class="left" src="image/arrow1.png" >
			<a id="open_1" class="a-btn_blue left" style="text-decoration: none;cursor:pointer">
				<span></span> <span id="langauage1">Translate to</span> <span>Translate
					to</span>
			</a>
			<!-- 遮罩层 begin -->
			<div id="mask" style="position:relitive; top:-120px;left:100px;float:left">
				<div class="w1200">
					<div class="list-screen">
						<div class="screen-top" style="position: relative;">
							<h5>
								语言<span class="h-tips">(多选)</span> <span class="more"> <img
									src="image/close.png" width="24" height="24" id="close_1" />
								</span>
							</h5>
						</div>
						<div style="padding: 10px 10px 10px 10px;">
							<div class="screen-address">
								<div class="list-tab">
									<div id="demo1" class="clearfix"></div>
								</div>
							</div>

							<div id="noticeMSG">
								<label></label>
							</div>
							<div id="myList-nav"></div>
							<div class="screen-term">
								<div class="selectNumberScreen">
									<div id="selectList" class="screenBox screenBackground">

										<dl class="listIndex" attr="terminal_brand_s">
											<dt></dt>
											<dd data-more=true id="myList">
												<label> <input name="checkbox2" type="checkbox"
													value="" autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Afrikaans</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Albanian</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Arabic</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Armenian</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Azerbaijani</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Basque</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Belarusian</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bosnian</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bulgarian</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Catalan</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Cebuano</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Chinese(Simplified)</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Chinese(Traditional)</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Croatian</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Czech</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Danish</a></label> <label> <input
													name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Dutch</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">English</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Esperanto</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Estonian</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Filipino</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Finnish</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">French</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Galician</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Georgian</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">German</a></label> <label> <input
													name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Greek</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Gujarati</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Haitian
														Creole</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label><label> <input
													name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label> <label>
													<input name="checkbox2" type="checkbox" value=""
													autocomplete="off" style="display: none;" /> <a
													href="javascript:;" values2="" values1="">Bengali</a>
												</label> <label> <input name="checkbox2"
													type="checkbox" value="" autocomplete="off"
													style="display: none;" /> <a href="javascript:;"
													values2="" values1="">Bengali</a></label>
											</dd>
										</dl>

									</div>
								</div>
							</div>

						</div>

						<div class="hasBeenSelected clearfix">
							<div class="form-actions" style="float: right;">
								<button class="btn btn-primary" type="button">确定</button>
							</div>
							<dl>
								<dt>
									<strong>已选条件：</strong>
								</dt>
								<div class="clearList" style="float: left;"></div>
							</dl>
						</div>
						
					</div>
				</div>

				<div class="clear"></div>
			</div>
			<!-- 遮罩层 end -->

			<img width="42" height="38" class="left" src="image/arrow2.png">
			<a class="a-btn_grey left" id="starting"
				style="text-decoration: none;cursor:pointer"> <span></span> <span>Start</span>
				<span></span>
			</a>
		</div>
		<!--BEGIN loading-->
		<div id="LOADING"  style="position: absolute; left: 50%; Top: 50%; margin-top: -68px; z-index: 1; margin-left: -125px;">
			<div class="circle">
				<div class="pie_left">
					<div class="circle_left" id="loadleft"></div>
				</div>
				<div class="pie_right">
					<div class="circle_right" id="loadright"></div>
				</div>
				<div class="mask">
					<p style="margin-top: 60px;" id="processname">Translating</p>
					<span id="process">0</span>%
				</div>
			</div>
		</div>
		<!--END loading-->
		<!--Begin Download-->
		<div style="position: absolute; left: 50%; Top: 50%; margin-top: -98px; z-index: 1; margin-left: -125px;" id="download">
			<div class="a-btn_blue"  style="width: 200px; height: 200px; text-align: center;cursor:pointer">
				<div style="margin-top: 40px;">
					<p style="margin-bottom: 10px">
						<img src="image/success.png" />
					</p>
					Click to Download
				</div>
			</div>
		</div>
		<!--END Download-->
		<!--BEGIN FOOTER-->
		<div id="footer">
			<div style="width: 100%; height: 1px; background-color: #3c495c;"></div>
			<div style="width: 100%; height: 1px; background-color: #293241;"></div>
			<div class="left" style="margin-left: 30px; margin-top: 10px">
				<a href="http://www.foxitcloud.com/page.html?tab=policy">
					Privacy Policy</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=policy"> Terms of
					use</a> | <a href="http://www.foxitcloud.com/page.html?tab=policy">
					Third Party</a> | <a
					href="http://www.foxitcloud.com/page.html?tab=policy"> About
					Foxit</a>
			</div>
			<div class="right" style="margin-right: 30px; margin-top: 10px">©2013-2014
				Foxit Software Inc . All rights reserved.</div>
		</div>
		<!--END FOOTER-->
	</div>
</body>
</html>
